<template>
  <view class="container">
    <user></user>

    <view class="list">
      <list :list="itemList1"></list>
    </view>

    <view class="foot">Copyright © 2024 砚知舟 All rights reserved. </view>
  </view>
</template>

<script setup lang="ts">
import list from './components/list.vue'
import user from './components/user.vue'
import { nextTick, ref } from 'vue'
const navHeight = ref(45)

nextTick(() => {
  console.log(uni.getMenuButtonBoundingClientRect())
  navHeight.value = uni.getMenuButtonBoundingClientRect().top
})

const itemList1 = ref<
  Array<{
    group: Array<{
      icon: string
      label: string
      path: string
    }>
  }>
>([
  {
    group: [
      {
        icon: '',
        label: '关于我们',
        path: '',
      },
      {
        icon: '',
        label: '个人设置',
        path: '',
      },
      {
        icon: '',
        label: '练习偏好',
        path: '',
      },
    ],
  },
  {
    group: [
      {
        icon: '',
        label: '意见反馈',
        path: '',
      },
    ],
  },
])
</script>

<style lang="scss" scoped>
.container {
  width: 100%;
  height: 100vh;

  .list {
    margin-top: 10rpx;
    box-sizing: border-box;
    padding: 0 20rpx;
  }

  .foot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #828392;
    font-size: 0.65rem;
    margin-top: 30rpx;
    position: absolute;
    bottom: 20rpx;
  }
}
</style>
